<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="layui-container" th:fragment="topbar">
    <div class="layui-row top_row">
        <div class="layui-col-xs1">
            <a href="http://lyfx.com/"><img src="" alt="">log图标</a>
        </div>
        <div class="layui-col-xs5">
            <div class="menu-item layui-col-xs2 menu-hover">
                <a href="javascript:;" class="menu-link">
                    课程
                    <i class="layui-icon layui-icon-down" style="font-size: 13px;"></i>
                </a>
                <ul class="sub-menus default-hidden">
                    <li>
                        <a href="http://search.lyfx.com/all-class" class="menu-link">全部课程</a>
                    </li>
                    <li>
                        <a href="/learningRoute/" class="menu-link">学习路线</a>
                    </li>
                </ul>
            </div>
            <div class="menu-item layui-col-xs2">
                <a href="/learningRoute/" class="menu-link">
                    路线 </a>
            </div>
            <div class="menu-item layui-col-xs2">
                <a href="/" class="menu-link">
                    下载 </a>
            </div>
            <div class="menu-item layui-col-xs2">
                <a href="/" class="menu-link">
                    问答 </a>
            </div>
            <div class="menu-item layui-col-xs2">
                <a href="/vip/" class="menu-link">
                    社区
                    <img src="/static/images/hot.svg"
                         class="tag">
                </a>
            </div>
            <div class="menu-item layui-col-xs2 menu-hover">
                <a href="/questions/" class="menu-link">
                    更多<i class="layui-icon layui-icon-down" style="font-size: 13px;"></i>
                </a>
                <ul class="sub-menus default-hidden">
                    <li>
                        <a href="/questions/" class="menu-link">地区薪资</a>
                    </li>
                    <li>
                        <a href="/library/" class="menu-link">在线工具</a>
                    </li>
                    <li>
                        <a href="/live/" class="menu-link">在线项目</a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="search-input layui-col-xs2 layui-col-xs-offset2">
            <div class="search">
                <ul>
                    <li class="form-inline">
                        <form class="form-inline search-form">
                            <input type="text" placeholder="搜索 课程" autocomplete="off"
                                   class="layui-input search-input" value="" id="search-input" th:value="${param.keyword}">
                            <i id="search-i" class="layui-icon layui-icon-search search-icon"></i>
                        </form>
                    </li>
                </ul>
            </div>
        </div>
        <div class="layui-col-xs2  top_but">
            <a href="http://auth.lyfx.com/login/" class="layui-btn  layui-btn-primary">登录</a>
            <a href="http://auth.lyfx.com/ref/" class="layui-btn" style="background-color: #66CCFF;">注册</a>
        </div>
    </div>
</div>
</body>
</html>

